@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {

	.layout{max-width: 980px;}

	header .top .box{max-width: 980px;}
	header .top h1{width: 150px;top: 37px;}
	header .top .nav{right: 13%;}
	header .top .nav ul li{ margin:0 10px;}
	header .top .nav ul li p a{padding:0 10px;}

	.foot .box .foot_c{padding:50px 0;}

}

@media screen and (max-width: 980px) {

	.layout{max-width: 720px;}

	header{background: rgba(0,0,0,1);}
	header .top{height: 50px;top: 0;}
	header .top .box{max-width: 720px;}
	header .top h1{ width: 140px;top: 17px;left: 0;}
	header .top .nav{display: none;}
	header .top .yuyan{font-size: 14px;right: 50px;top: 5px;}
	header .top .yuyan i{font-size: 16px;}
	header .top .yuyan a{width: 50px;}
	header .m-btn {display: block;}

	.banner{margin-top: 50px;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-yi{bottom: 10px;}
	.banner .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #FFF;}
	.banner .swiper-pagination-bullet-active{border:1px solid #FFF;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .subiao{bottom:40px;}
	.banner .subiao i{font-size: 20px;}

	.dyip{padding:40px 0%;}
	.dyip .title{font-size: 24px;}
	.dyip .box{padding-top:10px;}

	.derp .box .derp_r .title{font-size: 24px;}
	.derp .box .derp_r .txt{margin-top: 20px;}

	.dsanp .left{width: 100%;float: none;}
	.dsanp .left .title_bt{padding-top: 10px;}
	.dsanp .left .txt h2{font-size: 14px;}
	.dsanp ul{width: 100%;float: none;margin-top: 30px;}

	.dsip{padding-bottom: 40px;}
	.dsip .title{font-size: 24px;}
	.dsip .title .xian{margin:20px auto 0 auto;}
	.dsip .gc{margin-top: 20px;}

	.con{max-width: 720px;}

	.about .about_r{padding-top: 0px;}

	.liuyan .box .liuyan_box{max-width: 720px;}
	.liuyan .box .input_btn{margin-top: 10px;}

	.banner_ny{margin-top: 50px;}
	.banner_ny .subnav{position: static;}
	.banner_ny ul{text-align: left;}
	.banner_ny li{font-size: 12px;width: 50%;line-height: 40px;text-align: center;border-bottom: 1px solid #EEE;}

	.news li{width: 47%;margin-left: 3%;}
	.news li h2{font-size: 14px;margin-top: 10px;line-height: 18px;}
	.news li p{line-height: 18px;padding-top: 6px;font-size: 12px;}
	.news li .more{width: 100px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #00a1e9;margin-top: 10px;font-size: 12px;}

	.products li{width: 49%;margin-bottom: 1%;}

	.products_t .left{width: 100%;float: none;}
	.products_t .right{width: 100%;float: none;padding-top: 20px;}
	.products_t .right h2{font-size: 20px;border-bottom: 1px solid #CCC;}

	.news_con{width: 100%;float: none;}
	.news_r{width: 100%;float: none;}

	.zhengshu li{width: 31.333%;margin-bottom: 10px;}

	.power li{width: 31.333%;margin-bottom: 10px;}

	.contact_l{width: 100%;float: none;}
	.contact_r{width: 100%;float: none;padding:30px 0;}

	
	.copyright .box{max-width: 720px;}

	
}

@media screen and (max-width: 720px) {

	header .top h1{ left: 5%;}

	.dyip{padding:20px 5%;}
	.dyip .title{font-size: 20px; font-weight: bold;}
	.dyip .box{padding-top:20px;}
	.dyip ul{margin-left:-2%;}
	.dyip li{width: 48%;margin-bottom: 2%;margin-left: 2%; height: 280px;}
	.dyip li p{font-size: 12px;line-height:20px;}

	.jszc .title{font-size: 20px; padding-top:20px;}
	.jszc ul{display:inherit;}
	.jszc li{width: 100%;margin-bottom: 10px;float:none;}
	.jszc li i{width: 58px;height: 58px;display: block;line-height: 58px;font-size: 30px;}

	.derp{padding: 40px 5%;}
	.derp .title{font-size: 20px;  font-weight: bold;}
	.derp .box{margin-top: 15px;}
	.derp .box .video{float: none;width: 100%;}
	.derp .box .right{width: 100%;float: none;margin-top: 10px;}
	.derp .box .right h2{font-size: 16px;}
	.derp .box .right .txt{margin-top: 10px;}

	.dsanp{padding:30px 5%;}
	.dsanp .title{font-size: 20px; font-weight: bold;}
	.dsanp .dsanp_box{margin-top: 15px;}
	.dsanp .left{width: 100%;float: none;}
	.dsanp .left .title_bt{padding-top: 10px;}
	.dsanp .left .riqi{display: none;}
	.dsanp .left .txt{padding-left: 0px;}
	.dsanp .left .txt h2{font-size: 14px;}
	.dsanp ul{width: 100%;float: none;margin-top: 20px;}
	.dsanp li{margin-bottom: 10px;padding:10px;}
	.dsanp li .riqi{display: none;}
	.dsanp li .txt{padding-left: 0px;}
	.dsanp li .txt h2{font-size: 14px;}

	.dsip{padding:0 5% 30px 5%;}
	.dsip .title .xian{margin:10px auto 0 auto;height: 2px;}
	.dsip .swiper-slide p{line-height: 30px;}

	.con{ padding:30px 5%;}

	.about .pic{float: none;width: 100%;}
	.about .about_r{width: 100%;float: none;padding-top: 0px;}

	.liuyan .box{padding:50px 0;}
	.liuyan .box p{font-size: 18px;}
	.liuyan .box .liuyan_box{ padding:0px 3%;}
	.liuyan .box .input_btn{margin-top: 10px;}
	.liuyan .box .input_txt{width: 80%;height: 46px;padding-left: 5%;margin-right: 0px;margin-bottom: 10px;border: 1px solid #FFF;}
	.liuyan .box .input_btn{width: 86%;margin-top: 0px;height: 46px;}

	.bt_title{font-size: 18px;padding-bottom: 15px;}

	.news ul{margin-left: 0%;}
	.news li{width: 100%;float: none;margin-left: 0%;margin-bottom: 20px;}

	.liuyan_er .zxly_er li{ width:100%; margin-bottom: 20px;}
	.liuyan_er .zxly_er li:nth-of-type(odd){float: none;}
	.liuyan_er .zxly_er li:nth-of-type(even){float: none;}
	.liuyan_er .zxly_er li p{padding-bottom: 5px;}
	.liuyan_er .zxly_er li .input_txt{ height:30px;}
	.liuyan_er .zxly_er .more{margin-top:30px;}
	.liuyan_er .zxly_er .input_btn{ width:100px; height:40px;}
	.liuyan_er .zxly_er .more{margin-top:20px;}

	.products_con{padding:10px;}

	.zhengshu li{width: 48%;}
	
	.power li{width: 48%;}

	.foot .box .foot_c{padding:50px 5%;}
	.foot .box .foot_c .left{float: none;width: 100%;margin-right: 0%;}
	.foot .box .foot_c .center{float: none;width: 100%;}
	.foot .box .foot_c .right{float: none;width: 100%;}
	.copyright{padding:30px 5%;}

}